<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<meta name="apple-mobile-web-app-title" content="汉方">
		<link rel="stylesheet" href="css/mui.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="font_1194907_f8b8oshwnqi/iconfont.css">
		<link rel="stylesheet" href="css/index.css">
		<script src="js/mui.js" type="text/javascript" charset="utf-8"></script>
		<title>首页</title>
		<style>
			header{background: url(img/top.png)no-repeat center center;background-size: 100% 100%;width: 100%;height:44px;}
			/* .mui-bar-nav a{color:#fff;} */
			.content{padding-top: 44px;}
			.mui-slider-indicator .mui-indicator{background: #fff;}
			.mui-slider-indicator .mui-active.mui-indicator{background: #FF0000;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<!-- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> -->
		</header>
		<div class="content">
			<div class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
					<!--支持循环，需要重复图片节点-->
					<div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="img/banner2.png" /></a></div>
					<div class="mui-slider-item"><a href="#"><img src="img/banner1.png" /></a></div>
					<div class="mui-slider-item"><a href="#"><img src="img/banner2.png" /></a></div>
					<!--支持循环，需要重复图片节点-->
					<div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="img/banner1.png" /></a></div>
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			<div class="menu">
				<div>
					<i><img src="img/free.png" alt=""></i>
					<p>免费领取</p>
				</div>
				<div>
					<i><img src="img/hanfang.png" alt=""></i>
					<p>汉方专区</p>
				</div>
				<div>
					<i><img src="img/shengxian.png" alt=""></i>
					<p>生鲜水果</p>
				</div>
				<div>
					<i><img src="img/gongchang.png" alt=""></i>
					<p>工厂团购</p>
				</div>
			</div>
			<div class="agent">
				<div class="agent_top">
					<i><img src="img/fire.png" ></i>
					<span>代理专区</span>
				</div>
				<div class="agent_detail">
					<div>
						<i><img src="img/id1.png" alt=""></i>
						<div class="detail">
							<p>汉方国际天然草本植物养发</p>
							<div>
								<span>688.00积分</span>
								<button>申请代理</button>
							</div>
						</div>
					</div>
					<div>
						<i><img src="img/id2.png" alt=""></i>
						<div class="detail">
							<p>汉方国际天然草本植物养发</p>
							<div>
								<span>¥ 688.00</span>
								<button>复购专区</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="ids">
				<i><img src="img/id3.png" alt=""></i>
			</div>
		</div>
		<footer class="page-footer fixed-footer" id="footer">
			<ul>
				<li class="active">
					<a href="index.html">
						<i class="icon iconfont">&#xe600;</i>
						<p>首页</p>
					</a>
				</li>
				<li>
					<a href="shopcar.html">
						<i class="icon iconfont">&#xe6ad;</i>
						<p>推广海报</p>
					</a>
				</li>
				<li>
					<a href="preson.html">
						<i class="icon iconfont">&#xe60c;</i>
						<p>个人中心</p>
					</a>
				</li>
			</ul>
		</footer>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
		<script src="js/fastclick.js"></script>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/hmt.js" ></script>
		<script src="js/global.js"></script>
	</body>
</html>
